<!DOCTYPE html><html lang="zh-CN" data-theme="light"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>小何blog (记录美好)</title><meta name="author" content="六根清静"><meta name="copyright" content="六根清静"><meta name="format-detection" content="telephone=no"><meta name="theme-color" content="#ffffff"><meta http-equiv="Cache-Control" content="no-transform"><meta http-equiv="Cache-Control" content="no-siteapp"><meta name="description" content="记录美好，记录生活，记录学习">
<meta property="og:type" content="website">
<meta property="og:title" content="小何blog (记录美好)">
<meta property="og:url" content="https://liugenqingjing2.coding.me/page/5/index.html">
<meta property="og:site_name" content="小何blog (记录美好)">
<meta property="og:description" content="记录美好，记录生活，记录学习">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="http://01.027cgb.com/632500/1576904533264.jpg">
<meta property="article:author" content="六根清静">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="http://01.027cgb.com/632500/1576904533264.jpg"><link rel="shortcut icon" href="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200907/wOu*ZmuVb5A4.png"><link rel="canonical" href="https://liugenqingjing2.coding.me/page/5/"><link rel="preconnect" href="//cdn.jsdelivr.net"/><link rel="preconnect" href="//hm.baidu.com"/><link rel="preconnect" href="//fonts.googleapis.com" crossorigin="crossorigin"/><link rel="preconnect" href="//busuanzi.ibruce.info"/><link rel="stylesheet" href="/css/index.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free/css/all.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/node-snackbar/dist/snackbar.min.css"><script>var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?e829919a4d931d733ee74d5d97a51582";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium+Web&amp;display=swap"><script>var GLOBAL_CONFIG = { 
  root: '/',
  algolia: undefined,
  localSearch: {"path":"search.xml","languages":{"hits_empty":"找不到您查询的内容：${query}"}},
  translate: {"defaultEncoding":2,"translateDelay":0,"msgToTraditionalChinese":"繁","msgToSimplifiedChinese":"簡"},
  noticeOutdate: undefined,
  highlight: {"plugin":"highlighjs","highlightCopy":true,"highlightLang":true},
  copy: {
    success: '复制成功',
    error: '复制错误',
    noSupport: '浏览器不支持'
  },
  relativeDate: {
    homepage: false,
    post: false
  },
  runtime: '天',
  date_suffix: {
    just: '刚刚',
    min: '分钟前',
    hour: '小时前',
    day: '天前',
    month: '个月前'
  },
  copyright: {"limitCount":20,"languages":{"author":"作者: 六根清静","link":"链接: ","source":"来源: 小何blog (记录美好)","info":"著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。"}},
  ClickShowText: undefined,
  lightbox: 'fancybox',
  Snackbar: {"chs_to_cht":"你已切换为繁体","cht_to_chs":"你已切换为简体","day_to_night":"你已切换为深色模式","night_to_day":"你已切换为浅色模式","bgLight":"#49b1f5","bgDark":"#121212","position":"bottom-left"},
  justifiedGallery: {
    js: 'https://cdn.jsdelivr.net/npm/justifiedGallery/dist/js/jquery.justifiedGallery.min.js',
    css: 'https://cdn.jsdelivr.net/npm/justifiedGallery/dist/css/justifiedGallery.min.css'
  },
  isPhotoFigcaption: true,
  islazyload: true,
  isanchor: true
};

var saveToLocal = {
  set: function setWithExpiry(key, value, ttl) {
    const now = new Date()
    const expiryDay = ttl * 86400000
    const item = {
      value: value,
      expiry: now.getTime() + expiryDay,
    }
    localStorage.setItem(key, JSON.stringify(item))
  },

  get: function getWithExpiry(key) {
    const itemStr = localStorage.getItem(key)

    if (!itemStr) {
      return undefined
    }
    const item = JSON.parse(itemStr)
    const now = new Date()

    if (now.getTime() > item.expiry) {
      localStorage.removeItem(key)
      return undefined
    }
    return item.value
  }
}</script><script id="config_change">var GLOBAL_CONFIG_SITE = { 
  isPost: false,
  isHome: true,
  isHighlightShrink: false,
  isToc: false,
  postUpdate: '2021-04-17 21:23:54'
}</script><noscript><style type="text/css">
  #nav {
    opacity: 1
  }
  .justified-gallery img {
    opacity: 1
  }

  #recent-posts time,
  #post-meta time {
    display: inline !important
  }
</style></noscript><script>(function () {  window.activateDarkMode = function () {
    document.documentElement.setAttribute('data-theme', 'dark')
    if (document.querySelector('meta[name="theme-color"]') !== null) {
      document.querySelector('meta[name="theme-color"]').setAttribute('content', '#0d0d0d')
    }
  }
  window.activateLightMode = function () {
    document.documentElement.setAttribute('data-theme', 'light')
   if (document.querySelector('meta[name="theme-color"]') !== null) {
      document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff')
    }
  }
  const autoChangeMode = '2'
  const t = saveToLocal.get('theme')
  if (autoChangeMode === '1') {
    const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches
    const isLightMode = window.matchMedia('(prefers-color-scheme: light)').matches
    const isNotSpecified = window.matchMedia('(prefers-color-scheme: no-preference)').matches
    const hasNoSupport = !isDarkMode && !isLightMode && !isNotSpecified
    if (t === undefined) {
      if (isLightMode) activateLightMode()
      else if (isDarkMode) activateDarkMode()
      else if (isNotSpecified || hasNoSupport) {
        const now = new Date()
        const hour = now.getHours()
        const isNight = hour <= 6 || hour >= 18
        isNight ? activateDarkMode() : activateLightMode()
      }
      window.matchMedia('(prefers-color-scheme: dark)').addListener(function (e) {
        if (saveToLocal.get('theme') === undefined) {
          e.matches ? activateDarkMode() : activateLightMode()
        }
      })
    } else if (t === 'light') activateLightMode()
    else activateDarkMode()
  } else if (autoChangeMode === '2') {
    const now = new Date()
    const hour = now.getHours()
    const isNight = hour <= 6 || hour >= 18
    if (t === undefined) isNight ? activateDarkMode() : activateLightMode()
    else if (t === 'light') activateLightMode()
    else activateDarkMode()
  } else {
    if (t === 'dark') activateDarkMode()
    else if (t === 'light') activateLightMode()
  }const asideStatus = saveToLocal.get('aside-status')
if (asideStatus !== undefined) {
   if (asideStatus === 'hide') {
     document.documentElement.classList.add('hide-aside')
   } else {
     document.documentElement.classList.remove('hide-aside')
   }
}})()</script><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/HCLonely/images@master/others/heartbeat.min.css"><link rel="stylesheet" href="/css/shuo.css"/><link rel="stylesheet" href="/magnetcss/magnet.css"/><link rel="stylesheet" href="/css/calendar.css"/><link rel="stylesheet" href="//at.alicdn.com/t/font_2060620_l0j6b710zk.css"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sviptzk/StaticFile_HEXO@latest/butterfly/css/font-awesome-animation.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sviptzk/StaticFile_HEXO@latest/butterfly/css/macblack.css"><link rel="stylesheet" href="/css/change.css"><link rel="stylesheet" href="/news/css/news.css"/><style type="text/css">#toggle-sidebar {bottom: 80px}</style><link rel="stylesheet" href="/magnet/css/catalogMagnet.css"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Zfour/Butterfly-double-row-display@1.00/cardlistpost.css"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sviptzk/StaticFile_HEXO@latest/butterfly/css/iconfont.min.css"><link rel="stykesheet" href="https://cdn.jsdelivr.net/gh/sviptzk/StaticFile_HEXO@latest/butterfly/css/pool.min.css"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css"/><link rel="stylesheet" href="/zan/zan.css"><link rel="stylesheet" href="/swiper/swiper.min.css"><link rel="stylesheet" href="/swiper/swiperstyle.css"><style>#article-container.post-content h1:before, h2:before, h3:before, h4:before, h5:before, h6:before { -webkit-animation: avatar_turn_around 1s linear infinite; -moz-animation: avatar_turn_around 1s linear infinite; -o-animation: avatar_turn_around 1s linear infinite; -ms-animation: avatar_turn_around 1s linear infinite; animation: avatar_turn_around 1s linear infinite; }</style><meta name="generator" content="Hexo 5.0.0"></head><body><div id="loading-box"><div class="loading-left-bg"></div><div class="loading-right-bg"></div><div class="wizard-scene"><div class="wizard-objects"><div class="wizard-square"></div><div class="wizard-circle"></div><div class="wizard-triangle"></div></div><div class="wizard"><div class="wizard-body"></div><div class="wizard-right-arm"><div class="wizard-right-hand"></div></div><div class="wizard-left-arm"><div class="wizard-left-hand"></div></div><div class="wizard-head"><div class="wizard-beard"></div><div class="wizard-face"><div class="wizard-adds"></div></div><div class="wizard-hat"><div class="wizard-hat-of-the-hat"></div><div class="wizard-four-point-star --first"></div><div class="wizard-four-point-star --second"></div><div class="wizard-four-point-star --third"></div></div></div></div></div></div><div id="web_bg"></div><div id="sidebar"><div id="menu-mask"></div><div id="sidebar-menus"><div class="author-avatar"><img class="avatar-img" data-lazy-src="http://01.027cgb.com/632500/1576904533264.jpg" onerror="onerror=null;src='/img/friend_404.gif'" alt="avatar"/></div><div class="site-data"><div class="data-item is-center"><div class="data-item-link"><a href="/archives/"><div class="headline">文章</div><div class="length-num">138</div></a></div></div><div class="data-item is-center"><div class="data-item-link"><a href="/tags/"><div class="headline">标签</div><div class="length-num">63</div></a></div></div><div class="data-item is-center"><div class="data-item-link"><a href="/categories/"><div class="headline">分类</div><div class="length-num">8</div></a></div></div></div><hr/><div class="menus_items"><div class="menus_item"><a class="site-page" href="/stars/"><i class="fa-fw fas fa-star faa-shake animated-hover"></i><span> 收藏网址</span></a></div><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw iconfont icon-zhuye faa-shake animated-hover"></i><span> 主页</span></a></div><div class="menus_item"><a class="site-page" href="/blog.html"><i class="fa-fw iconfont icon-Artboard faa-shake animated-hover"></i><span> 博客</span></a></div><div class="menus_item"><a class="site-page" href="/archives/"><i class="fa-fw iconfont icon-guidang faa-shake animated-hover"></i><span> 归档</span></a></div><div class="menus_item"><a class="site-page" href="/tags/"><i class="fa-fw iconfont icon-biaoqian faa-shake animated-hover"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="javascript:void(0);"><i class="fa-fw iconfont icon-yule1"></i><span> 娱乐</span><i class="fas fa-chevron-down expand"></i></a><ul class="menus_item_child"><li><a class="site-page" href="/movies/"><i class="fa-fw iconfont icon-yingshi faa-shake animated-hover"></i><span> 影视</span></a></li><li><a class="site-page" href="/games/"><i class="fa-fw iconfont icon-youxi1 faa-shake animated-hover"></i><span> 游戏</span></a></li><li><a class="site-page" href="/galleryGroup"><i class="fa-fw iconfont icon-tuku faa-shake animated-hover"></i><span> 图库</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/messagepad/"><i class="fa-fw iconfont icon-ziyuan6 faa-shake animated-hover"></i><span> 留言板</span></a></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw iconfont icon-icon_xinyong_xianxing_jijin- faa-shake animated-hover"></i><span> 友情链接</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw iconfont icon-guanyuwomen faa-shake animated-hover"></i><span> 关于我</span></a></div></div></div></div><div id="body-wrap"><header class="full_page" id="page-header" style="background-image: url(http://kp.027cgb.cn/632500/v2-2828cf150efd15e5b1c1ee112b78e5f3_r.jpg)"><nav id="nav"><span id="blog_name"><a id="site-name" href="/">小何blog (记录美好)</a></span><span id="menus"><div id="search_button"><a class="site-page social-icon search"><i class="fas fa-search fa-fw"></i><span> 搜索</span></a></div><div class="menus_items"><div class="menus_item"><a class="site-page" href="/stars/"><i class="fa-fw fas fa-star faa-shake animated-hover"></i><span> 收藏网址</span></a></div><div class="menus_item"><a class="site-page" href="/"><i class="fa-fw iconfont icon-zhuye faa-shake animated-hover"></i><span> 主页</span></a></div><div class="menus_item"><a class="site-page" href="/blog.html"><i class="fa-fw iconfont icon-Artboard faa-shake animated-hover"></i><span> 博客</span></a></div><div class="menus_item"><a class="site-page" href="/archives/"><i class="fa-fw iconfont icon-guidang faa-shake animated-hover"></i><span> 归档</span></a></div><div class="menus_item"><a class="site-page" href="/tags/"><i class="fa-fw iconfont icon-biaoqian faa-shake animated-hover"></i><span> 标签</span></a></div><div class="menus_item"><a class="site-page" href="javascript:void(0);"><i class="fa-fw iconfont icon-yule1"></i><span> 娱乐</span><i class="fas fa-chevron-down expand"></i></a><ul class="menus_item_child"><li><a class="site-page" href="/movies/"><i class="fa-fw iconfont icon-yingshi faa-shake animated-hover"></i><span> 影视</span></a></li><li><a class="site-page" href="/games/"><i class="fa-fw iconfont icon-youxi1 faa-shake animated-hover"></i><span> 游戏</span></a></li><li><a class="site-page" href="/galleryGroup"><i class="fa-fw iconfont icon-tuku faa-shake animated-hover"></i><span> 图库</span></a></li></ul></div><div class="menus_item"><a class="site-page" href="/messagepad/"><i class="fa-fw iconfont icon-ziyuan6 faa-shake animated-hover"></i><span> 留言板</span></a></div><div class="menus_item"><a class="site-page" href="/link/"><i class="fa-fw iconfont icon-icon_xinyong_xianxing_jijin- faa-shake animated-hover"></i><span> 友情链接</span></a></div><div class="menus_item"><a class="site-page" href="/about/"><i class="fa-fw iconfont icon-guanyuwomen faa-shake animated-hover"></i><span> 关于我</span></a></div></div><span class="close" id="toggle-menu"><a class="site-page"><i class="fas fa-bars fa-fw"></i></a></span></span></nav><div id="site-info"><h1 id="site-title">小何blog (记录美好)</h1><div id="site-subtitle"><span id="subtitle"></span></div><div id="site_social_icons"><a class="social-icon" href="https://github.com/he1213114428" target="_blank" title="Github"><i class="fab fa-github"></i></a><a class="social-icon" href="mailto:484695754@qq.com" target="_blank" title="Email"><i class="fas fa-envelope"></i></a><a class="social-icon" href="tencent://message/?uin=484695754" target="_blank" title="QQ"><i class="fab fa-qq"></i></a></div></div><div id="scroll-down"><i class="fas fa-angle-down scroll-down-effects"></i></div></header><main class="layout" id="content-inner"><div class="recent-posts" id="recent-posts"><div class="recent-post-item photo-tag" style="width:100%;height:auto;float:left;padding:5px;flex-wrap:wrap;justify-content : center;flex-direction: row; "><div id="catalogMagnet"><figure class="gallery-group color-card" v-for="(item,index) in link" :style="[figbackColor,figShadow]"><img class="gallery-group-img loaded" :src="img[index]" data-ll-status="loaded"><figcaption :style="[figLetimg,figLetColor]"><div class="gallery-group-name magnetname" style="font-size: 1rem;"><span>| </span><a :href="catalogMagnet.link[index]" :style="[figLetColor]">{{catalogMagnet.link[index].text}}</a></div><li class="category-list-item"><span class="category-list-count"><i class="fas fa-book"></i>{{catalogMagnet.postnum[index].textContent}}</span></li><p>{{catalogMagnet.describe[index]}}</p><a :href="catalogMagnet.link[index]"></a></figcaption></figure></div><div class="categoryMagnetitem" style="display:none"><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a><span class="category-list-count">75</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0/">后端学习</a><span class="category-list-count">28</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/">学习笔记</a><span class="category-list-count">7</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%99%BE%E5%AE%9D%E7%AE%B1/">百宝箱</a><span class="category-list-count">2</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81/">程序代码</a><span class="category-list-count">14</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%8B%B1%E8%AF%AD%E7%A7%AF%E7%B4%AF/">英语积累</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%A7%86%E9%A2%91%E5%89%AA%E8%BE%91/">视频剪辑</a><span class="category-list-count">4</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E9%9A%8F%E7%AC%94%E6%97%A5%E5%BF%97/">随笔日志</a><span class="category-list-count">5</span></li></ul></div></div><div class="recent-post-item" style="height:auto;width:100%"><div class="blog-slider swiper-container-fade swiper-container-horizontal" id="swiper_container"><div class="blog-slider__wrp swiper-wrapper" style="transition-duration: 0ms;"><div class="blog-slider__item swiper-slide" style="width: 750px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"><div class="blog-slider__img"><img src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/1597229138179.jpeg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt=""></div><div class="blog-slider__content"><span class="blog-slider__code">2020-08-12</span><a class="blog-slider__title" target="_blank" rel="noopener" href="http://11wiki.top/2020/08/12/%E5%85%A5%E9%97%A8%E5%89%8D%E6%AE%B5%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF-%E8%87%AA%E8%BA%AB%E7%BB%8F%E5%8E%86/">前端入门学习路线(自身经历)</a><div class="blog-slider__text">根据自己这大半年自学的前端总结的自己认为较好的学习路线(包括视频，资料都会奉上)，个人感觉资源好找，但是合适的很难找，所以这只是对我比较合适的，希望对有想法自学的人有帮助。</div><a class="blog-slider__button" target="_blank" rel="noopener" href="http://11wiki.top/2020/08/12/%E5%85%A5%E9%97%A8%E5%89%8D%E6%AE%B5%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF-%E8%87%AA%E8%BA%AB%E7%BB%8F%E5%8E%86/">详情</a></div></div><div class="blog-slider__item swiper-slide" style="width: 750px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"><div class="blog-slider__img"><img src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200928/cqCkLlWiKa6B.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt=""></div><div class="blog-slider__content"><span class="blog-slider__code">2020-09-28</span><a class="blog-slider__title" target="_blank" rel="noopener" href="https://11wiki.top/2020/09/28/%E8%B4%AA%E5%90%83%E8%9B%87%E6%B8%B8%E6%88%8F/">贪吃蛇游戏</a><div class="blog-slider__text">程序小练习，贪吃蛇游戏，主要运用了JavaScript综合案例，比如节点操作和和各种事件联系，并且运用了JQuery的简单使用，练习JavaScript和JQuery的基本方法。</div><a class="blog-slider__button" target="_blank" rel="noopener" href="https://11wiki.top/2020/09/28/%E8%B4%AA%E5%90%83%E8%9B%87%E6%B8%B8%E6%88%8F/">详情</a></div></div><div class="blog-slider__item swiper-slide" style="width: 750px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"><div class="blog-slider__img"><img src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20201207/Fl4X3LG@lWEY.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt=""></div><div class="blog-slider__content"><span class="blog-slider__code">2020-12-07</span><a class="blog-slider__title" target="_blank" rel="noopener" href="https://11wiki.top/2020/12/07/Python%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E7%82%B9-%E7%88%AC%E8%99%AB%E4%B9%8B%E6%95%B0%E6%8D%AE%E8%A7%A3%E6%9E%90/">Python基础知识点(爬虫之数据解析)</a><div class="blog-slider__text">Python是一门解释型，面向对象的高级编程语言。是一门开源免费的，支持交互式，可跨平台移植的脚本语言。</div><a class="blog-slider__button" target="_blank" rel="noopener" href="https://11wiki.top/2020/12/07/Python%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E7%82%B9-%E7%88%AC%E8%99%AB%E4%B9%8B%E6%95%B0%E6%8D%AE%E8%A7%A3%E6%9E%90/">详情</a></div></div><div class="blog-slider__item swiper-slide" style="width: 750px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"><div class="blog-slider__img"><img src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20201220/S5Rbu0CygQwW.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt=""></div><div class="blog-slider__content"><span class="blog-slider__code">2020-12-14</span><a class="blog-slider__title" target="_blank" rel="noopener" href="https://11wiki.top/2020/12/14/%E6%A0%BE%E5%B7%9D%E6%B8%B8%E8%AE%B0/">栾川游记</a><div class="blog-slider__text">栾川周末游，老君山鸡冠洞，玩的是真的很开心！！！</div><a class="blog-slider__button" target="_blank" rel="noopener" href="https://11wiki.top/2020/12/14/%E6%A0%BE%E5%B7%9D%E6%B8%B8%E8%AE%B0/">详情</a></div></div></div><div class="blog-slider__pagination swiper-pagination-clickable swiper-pagination-bullets"></div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/09/25/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BB%84%E6%88%90%E5%8E%9F%E7%90%86(%E4%B8%80.%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BB%84%E6%88%90%E4%B8%8A)/" title="计算机组成原理(一.计算机组成上)">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200925/a5IavdSe0o!5.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="计算机组成原理(一.计算机组成上)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/25/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BB%84%E6%88%90%E5%8E%9F%E7%90%86(%E4%B8%80.%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BB%84%E6%88%90%E4%B8%8A)/" title="计算机组成原理(一.计算机组成上)">计算机组成原理(一.计算机组成上)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-25T04:47:35.000Z" title="发表于 2020-09-25 12:47:35">2020-09-25</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T11:41:00.314Z" title="更新于 2021-01-10 19:41:00">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0/">后端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BB%84%E6%88%90%E5%8E%9F%E7%90%86%F0%9F%92%BE/">计算机组成原理💾</a></span></div><div class="content">计算机组成原理主要讨论计算机单机系统的组成原理及其内部工作机制，包括各大部件的工作原理、逻辑实现、设计方法及其互连构成计算机整机的技术。主要强调计算机的基本原理、基本知识和基本技巧的训练。</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/09/24/%E3%80%8ACSS%E4%B8%96%E7%95%8C%E3%80%8B%E5%88%9D%E4%BD%93%E9%AA%8C/" title="《CSS世界》初体验">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20201220/P@3hmtCw7rzy.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="《CSS世界》初体验"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/24/%E3%80%8ACSS%E4%B8%96%E7%95%8C%E3%80%8B%E5%88%9D%E4%BD%93%E9%AA%8C/" title="《CSS世界》初体验">《CSS世界》初体验</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-24T13:39:49.000Z" title="发表于 2020-09-24 21:39:49">2020-09-24</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T09:19:39.682Z" title="更新于 2021-01-10 17:19:39">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E9%9A%8F%E7%AC%94%E6%97%A5%E5%BF%97/">随笔日志</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E6%97%A5%E5%BF%97%F0%9F%93%92/">日志📒</a></span></div><div class="content">最近买了第一本前端书籍，哈哈☺，张鑫旭大佬写的一系列书籍之一，通过这几天的拜读，感觉他的语言非常有趣，用自己的语言直观的让我体验了CSS世界的奇妙！！！</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/09/24/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E5%8D%81%E4%BA%94-JavaScript%E4%B9%8B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E7%BD%91%E9%A1%B5%E7%89%B9%E6%95%88/" title="JavaScript知识点总结(十五.JavaScript之移动端网页特效)">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200924/ECgWD6lNqwNj.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="JavaScript知识点总结(十五.JavaScript之移动端网页特效)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/24/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E5%8D%81%E4%BA%94-JavaScript%E4%B9%8B%E7%A7%BB%E5%8A%A8%E7%AB%AF%E7%BD%91%E9%A1%B5%E7%89%B9%E6%95%88/" title="JavaScript知识点总结(十五.JavaScript之移动端网页特效)">JavaScript知识点总结(十五.JavaScript之移动端网页特效)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-24T07:34:32.000Z" title="发表于 2020-09-24 15:34:32">2020-09-24</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:15:23.877Z" title="更新于 2021-01-10 20:15:23">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/JavaScript/">JavaScript</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E7%A7%BB%E5%8A%A8%E7%AB%AF%E7%BD%91%E9%A1%B5%E7%89%B9%E6%95%88/">移动端网页特效</a></span></div><div class="content">JavaScript之移动端网页特效，移动端不需要考虑兼容性，对于移动端网站的建立有很大的帮助，对于前端学习者是必要的，类似于PC网页特效。</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/09/23/%E6%89%8B%E6%92%95%E8%BD%AE%E6%92%AD%E5%9B%BE/" title="手撕轮播图">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200923/x9gHzNCLFZoy.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="手撕轮播图"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/23/%E6%89%8B%E6%92%95%E8%BD%AE%E6%92%AD%E5%9B%BE/" title="手撕轮播图">手撕轮播图</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-23T13:00:47.000Z" title="发表于 2020-09-23 21:00:47">2020-09-23</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T11:59:51.008Z" title="更新于 2021-01-10 19:59:51">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81/">程序代码</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81%E2%8C%A8%EF%B8%8F/">程序代码⌨️</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E5%AE%9E%E4%BE%8B%F0%9F%96%A5%EF%B8%8F/">实例🖥️</a></span></div><div class="content">程序小练习，手撕轮播图，主要运用了JavaScript的PC端网页特效中的offset系列的属性和鼠标事件还有节流阀，简单的排他思想，DOM，BOM的综合练习，练习JavaScript的基本方法。</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/09/22/%E6%A8%A1%E6%8B%9F%E6%94%BE%E5%A4%A7%E9%95%9C%E6%95%88%E6%9E%9C/" title="模拟放大镜效果">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200922/D29z3BufjcWF.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="模拟放大镜效果"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/22/%E6%A8%A1%E6%8B%9F%E6%94%BE%E5%A4%A7%E9%95%9C%E6%95%88%E6%9E%9C/" title="模拟放大镜效果">模拟放大镜效果</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-22T13:13:32.000Z" title="发表于 2020-09-22 21:13:32">2020-09-22</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T11:51:08.848Z" title="更新于 2021-01-10 19:51:08">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81/">程序代码</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81%E2%8C%A8%EF%B8%8F/">程序代码⌨️</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E5%AE%9E%E4%BE%8B%F0%9F%96%A5%EF%B8%8F/">实例🖥️</a></span></div><div class="content">程序小练习，模拟放大镜效果，主要运用了JavaScript的PC端网页特效中的offset系列的属性和鼠标事件，和一个简单的算法，练习JavaScript的基本方法</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/09/21/%E6%A8%A1%E6%80%81%E6%A1%86%E6%8B%96%E6%8B%BD/" title="模态框拖拽">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200921/hj^gLyc2!Ib@.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="模态框拖拽"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/21/%E6%A8%A1%E6%80%81%E6%A1%86%E6%8B%96%E6%8B%BD/" title="模态框拖拽">模态框拖拽</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-21T14:23:47.000Z" title="发表于 2020-09-21 22:23:47">2020-09-21</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T11:51:10.855Z" title="更新于 2021-01-10 19:51:10">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81/">程序代码</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81%E2%8C%A8%EF%B8%8F/">程序代码⌨️</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E5%AE%9E%E4%BE%8B%F0%9F%96%A5%EF%B8%8F/">实例🖥️</a></span></div><div class="content">程序小练习，模态框拖拽，主要运用了JavaScript的PC端网页特效中的offset系列的属性和鼠标事件，练习JavaScript的基本方法</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/09/21/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E5%8D%81%E5%9B%9B-JavaScript%E4%B9%8BPC%E7%AB%AF%E7%BD%91%E9%A1%B5%E7%89%B9%E6%95%88/" title="JavaScript知识点总结(十四.JavaScript之PC端网页特效)">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200921/QU!@4UguoQC1.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="JavaScript知识点总结(十四.JavaScript之PC端网页特效)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/21/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E5%8D%81%E5%9B%9B-JavaScript%E4%B9%8BPC%E7%AB%AF%E7%BD%91%E9%A1%B5%E7%89%B9%E6%95%88/" title="JavaScript知识点总结(十四.JavaScript之PC端网页特效)">JavaScript知识点总结(十四.JavaScript之PC端网页特效)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-21T12:41:39.000Z" title="发表于 2020-09-21 20:41:39">2020-09-21</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:15:22.047Z" title="更新于 2021-01-10 20:15:22">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/JavaScript/">JavaScript</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/PC%E7%BD%91%E9%A1%B5%E7%89%B9%E6%95%88/">PC网页特效</a></span></div><div class="content">JavaScript之PC端网页特效，里面有常用的PC电脑端常见的网页特效，有助于对PC端网页制作和学习，增强网页效果功能。</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/09/21/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84-%E4%B8%80-%E5%9F%BA%E6%9C%AC%E6%A6%82%E5%BF%B5/" title="数据结构(一.基本概念)">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200921/t0Be9oQ!mlLa.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="数据结构(一.基本概念)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/21/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84-%E4%B8%80-%E5%9F%BA%E6%9C%AC%E6%A6%82%E5%BF%B5/" title="数据结构(一.基本概念)">数据结构(一.基本概念)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-21T05:22:42.000Z" title="发表于 2020-09-21 13:22:42">2020-09-21</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:00:08.734Z" title="更新于 2021-01-10 20:00:08">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0/">后端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/">数据结构</a></span></div><div class="content">数据结构就是研究数据的逻辑结构和物理结构以及它们之间相互关系，并对这种结构定义相应的运算，而且确保经过这些运算后所得到的新结构仍然是原来的结构类型。</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/09/20/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E5%8D%81%E4%B8%89-JavaScript%E4%B9%8BBOM%E6%B5%8F%E8%A7%88%E5%99%A8%E5%AF%B9%E8%B1%A1%E6%A8%A1%E5%9E%8B/" title="JavaScript知识点总结(十三.JavaScript之BOM浏览器对象模型)">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200920/Pf!nHbkwbnSc.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="JavaScript知识点总结(十三.JavaScript之BOM浏览器对象模型)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/20/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E5%8D%81%E4%B8%89-JavaScript%E4%B9%8BBOM%E6%B5%8F%E8%A7%88%E5%99%A8%E5%AF%B9%E8%B1%A1%E6%A8%A1%E5%9E%8B/" title="JavaScript知识点总结(十三.JavaScript之BOM浏览器对象模型)">JavaScript知识点总结(十三.JavaScript之BOM浏览器对象模型)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-20T04:00:39.000Z" title="发表于 2020-09-20 12:00:39">2020-09-20</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:15:20.293Z" title="更新于 2021-01-10 20:15:20">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/JavaScript/">JavaScript</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/BOM/">BOM</a></span></div><div class="content">ECMAScript是Javascript的核心，但是如果要在web中使用Javascript，那么BOM(浏览器对象模型)才是真正的核心。BOM提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/09/19/%E5%BF%AB%E9%80%92%E5%8D%95%E5%8F%B7%E6%9F%A5%E8%AF%A2/" title="快递单号查询">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200919/t@mgT8dBJ@xG.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="快递单号查询"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/19/%E5%BF%AB%E9%80%92%E5%8D%95%E5%8F%B7%E6%9F%A5%E8%AF%A2/" title="快递单号查询">快递单号查询</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-19T13:35:08.000Z" title="发表于 2020-09-19 21:35:08">2020-09-19</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T11:50:24.097Z" title="更新于 2021-01-10 19:50:24">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81/">程序代码</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81%E2%8C%A8%EF%B8%8F/">程序代码⌨️</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E5%AE%9E%E4%BE%8B%F0%9F%96%A5%EF%B8%8F/">实例🖥️</a></span></div><div class="content">程序小练习，快递单号查询，主要运用了JavaScript的DOM中的事件监听中的键盘事件之一的keyup和鼠标事件blur(失去焦点)，练习JavaScript的基本方法</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/09/19/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E5%8D%81%E4%BA%8C-JavaScript%E4%B9%8BDOM%E4%BA%8B%E4%BB%B6%E6%B5%81%E9%AB%98%E7%BA%A7/" title="JavaScript知识点总结(十二.JavaScript之DOM事件流高级)">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200919/y20guKZQbANB.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="JavaScript知识点总结(十二.JavaScript之DOM事件流高级)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/19/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E5%8D%81%E4%BA%8C-JavaScript%E4%B9%8BDOM%E4%BA%8B%E4%BB%B6%E6%B5%81%E9%AB%98%E7%BA%A7/" title="JavaScript知识点总结(十二.JavaScript之DOM事件流高级)">JavaScript知识点总结(十二.JavaScript之DOM事件流高级)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-19T02:20:03.000Z" title="发表于 2020-09-19 10:20:03">2020-09-19</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:15:10.978Z" title="更新于 2021-01-10 20:15:10">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/JavaScript/">JavaScript</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/DOM/">DOM</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E4%BA%8B%E4%BB%B6%E6%B5%81/">事件流</a></span></div><div class="content">javascript操作CSS称为脚本化CSS，而javascript与HTML的交互是通过事件实现的。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间，而事件流(又叫事件传播)描述的是从页面中接收事件的顺序。</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/09/18/%E7%AE%80%E6%98%93%E7%95%99%E8%A8%80%E6%9D%BF/" title="简易留言板">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200918/s*SrET41MudM.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="简易留言板"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/18/%E7%AE%80%E6%98%93%E7%95%99%E8%A8%80%E6%9D%BF/" title="简易留言板">简易留言板</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-18T15:22:15.000Z" title="发表于 2020-09-18 23:22:15">2020-09-18</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T11:42:58.691Z" title="更新于 2021-01-10 19:42:58">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81/">程序代码</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81%E2%8C%A8%EF%B8%8F/">程序代码⌨️</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E5%AE%9E%E4%BE%8B%F0%9F%96%A5%EF%B8%8F/">实例🖥️</a></span></div><div class="content">程序小练习，日常练习，简易留言板，主要运用了JavaScript中的DOM中的节点操作，熟练掌握创造节点，删除节点等操作，练习JavaScript的基本方法。</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/09/18/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E5%8D%81%E4%B8%80-JavaScript%E4%B9%8BDOM-%E4%B8%8B/" title="JavaScript知识点总结(十一.JavaScript之DOM(下))">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200918/QKmMeTVYLuKR.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="JavaScript知识点总结(十一.JavaScript之DOM(下))"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/18/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E5%8D%81%E4%B8%80-JavaScript%E4%B9%8BDOM-%E4%B8%8B/" title="JavaScript知识点总结(十一.JavaScript之DOM(下))">JavaScript知识点总结(十一.JavaScript之DOM(下))</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-18T10:01:57.000Z" title="发表于 2020-09-18 18:01:57">2020-09-18</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:15:26.023Z" title="更新于 2021-01-10 20:15:26">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/JavaScript/">JavaScript</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/DOM/">DOM</a></span></div><div class="content">DOM(下)：文档对象模型。DOM 为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/09/17/%E8%A1%A8%E5%8D%95%E5%85%A8%E9%80%89%E5%8F%96%E6%B6%88%E5%85%A8%E9%80%89/" title="表单全选取消全选">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200917/BaTm0zR55B7r.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="表单全选取消全选"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/17/%E8%A1%A8%E5%8D%95%E5%85%A8%E9%80%89%E5%8F%96%E6%B6%88%E5%85%A8%E9%80%89/" title="表单全选取消全选">表单全选取消全选</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-17T13:58:45.000Z" title="发表于 2020-09-17 21:58:45">2020-09-17</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T09:20:14.555Z" title="更新于 2021-01-10 17:20:14">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81/">程序代码</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81%E2%8C%A8%EF%B8%8F/">程序代码⌨️</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E5%AE%9E%E4%BE%8B%F0%9F%96%A5%EF%B8%8F/">实例🖥️</a></span></div><div class="content">程序小练习，表单全选取消全选，主要运用了JavaScript的DOM中的操作元素和排他思想的算法练习，练习JavaScript的基本方法</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/09/17/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E5%8D%81-JavaScript%E4%B9%8BDOM-%E4%B8%8A/" title="JavaScript知识点总结(十.JavaScript之DOM(上))">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200917/LiYs8RZmyEED.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="JavaScript知识点总结(十.JavaScript之DOM(上))"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/17/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E5%8D%81-JavaScript%E4%B9%8BDOM-%E4%B8%8A/" title="JavaScript知识点总结(十.JavaScript之DOM(上))">JavaScript知识点总结(十.JavaScript之DOM(上))</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-17T05:53:04.000Z" title="发表于 2020-09-17 13:53:04">2020-09-17</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:15:07.014Z" title="更新于 2021-01-10 20:15:07">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/JavaScript/">JavaScript</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/DOM/">DOM</a></span></div><div class="content">DOM(上)：文档对象模型。DOM 为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/09/17/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E4%B9%9D-JavaScript%E7%9A%84Web-APIs%E7%AE%80%E4%BB%8B/" title="JavaScript知识点总结(九.JavaScript的Web APIs简介)">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200917/7cKUzRmy@FxZ.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="JavaScript知识点总结(九.JavaScript的Web APIs简介)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/17/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E4%B9%9D-JavaScript%E7%9A%84Web-APIs%E7%AE%80%E4%BB%8B/" title="JavaScript知识点总结(九.JavaScript的Web APIs简介)">JavaScript知识点总结(九.JavaScript的Web APIs简介)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-17T02:54:07.000Z" title="发表于 2020-09-17 10:54:07">2020-09-17</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:13:12.696Z" title="更新于 2021-01-10 20:13:12">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/JavaScript/">JavaScript</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/DOM%E5%92%8CBOM/">DOM和BOM</a></span></div><div class="content">什么是API？API是给程序员提供的一种工具，以便能更轻松的实现想要完成的功能，不用纠结内部如何实现。JS基础学习的是ECMAScript基础语法，Web APIs是JS的应用，大量使用JS基础语法做交互效果。</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/09/16/%E5%80%92%E8%AE%A1%E6%97%B6%E5%8A%A8%E7%94%BB/" title="倒计时动画">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200916/lHVXVfm!v!kJ.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="倒计时动画"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/16/%E5%80%92%E8%AE%A1%E6%97%B6%E5%8A%A8%E7%94%BB/" title="倒计时动画">倒计时动画</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-16T11:43:21.000Z" title="发表于 2020-09-16 19:43:21">2020-09-16</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T09:21:52.994Z" title="更新于 2021-01-10 17:21:52">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81/">程序代码</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81%E2%8C%A8%EF%B8%8F/">程序代码⌨️</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E5%AE%9E%E4%BE%8B%F0%9F%96%A5%EF%B8%8F/">实例🖥️</a></span></div><div class="content">程序小练习，日常练习，倒计时动画，主要运用了JavaScript中的Date内置对象方法，setInterval()的应用，练习JavaScript的基本方法和概念。</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/09/14/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E5%85%AB-JavaScript-%E5%86%85%E7%BD%AE%E5%AF%B9%E8%B1%A1/" title="JavaScript知识点总结(八.JavaScript内置对象)">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200914/it!NQ33FHCp7.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="JavaScript知识点总结(八.JavaScript内置对象)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/14/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E5%85%AB-JavaScript-%E5%86%85%E7%BD%AE%E5%AF%B9%E8%B1%A1/" title="JavaScript知识点总结(八.JavaScript内置对象)">JavaScript知识点总结(八.JavaScript内置对象)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-14T14:07:15.000Z" title="发表于 2020-09-14 22:07:15">2020-09-14</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:10:38.536Z" title="更新于 2021-01-10 20:10:38">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/JavaScript/">JavaScript</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/ECMAScript/">ECMAScript</a></span></div><div class="content">JavaScript内置对象与宿主无关，独立于宿主环境的ECMAScript实现提供的对象，在ECMAScript 程序开始执行时出现。在 ECMAScript 程序开始执行前就存在，本身就是实例化内置对象，开发者无需再去实例化。</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/09/13/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E4%B8%83-JavaScript%E9%A2%84%E8%A7%A3%E6%9E%90%E5%92%8C%E5%AF%B9%E8%B1%A1/" title="JavaScript知识点总结(七.JavaScript预解析和对象)">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20200913/WKp@vPE1Cm1Z.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="JavaScript知识点总结(七.JavaScript预解析和对象)"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/13/JavaScript%E7%9F%A5%E8%AF%86%E7%82%B9%E6%80%BB%E7%BB%93-%E4%B8%83-JavaScript%E9%A2%84%E8%A7%A3%E6%9E%90%E5%92%8C%E5%AF%B9%E8%B1%A1/" title="JavaScript知识点总结(七.JavaScript预解析和对象)">JavaScript知识点总结(七.JavaScript预解析和对象)</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-13T14:10:20.000Z" title="发表于 2020-09-13 22:10:20">2020-09-13</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:15:03.338Z" title="更新于 2021-01-10 20:15:03">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/">系列🏬</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/JavaScript/">JavaScript</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/ECMAScript/">ECMAScript</a></span></div><div class="content">在ES6之前，变量使用var声明，会存在变量的预解析（函数也有预解析）。js中并没有真的类。对象是一种特殊数据类型，拥有属性、方法。属性用于描述对象特征，方法是在对象上执行的操作。</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/09/13/%E6%B0%B4%E7%90%83%E5%8A%A8%E7%94%BB/" title="水球动画">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/文章bg/v2-4991b7f610f2fe8445218f29573612c5_r.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="水球动画"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/13/%E6%B0%B4%E7%90%83%E5%8A%A8%E7%94%BB/" title="水球动画">水球动画</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-13T05:52:05.000Z" title="发表于 2020-09-13 13:52:05">2020-09-13</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:03:05.581Z" title="更新于 2021-01-10 20:03:05">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81/">程序代码</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81%E2%8C%A8%EF%B8%8F/">程序代码⌨️</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E5%AE%9E%E4%BE%8B%F0%9F%96%A5%EF%B8%8F/">实例🖥️</a></span></div><div class="content">程序小练习，日常练习，水球动画，主要运用了CSS的transform练习和@keyframes关键帧，就是简单的HTML和CSS。</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/09/13/CSS%E5%B8%B8%E7%94%A8%E5%8D%95%E4%BD%8D/" title="CSS常用单位">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/文章bg/v2-65a5edf6d006cf1497cfb1778a4dc7db_r.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="CSS常用单位"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/13/CSS%E5%B8%B8%E7%94%A8%E5%8D%95%E4%BD%8D/" title="CSS常用单位">CSS常用单位</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-13T00:39:40.000Z" title="发表于 2020-09-13 08:39:40">2020-09-13</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2020-11-21T05:58:21.945Z" title="更新于 2020-11-21 13:58:21">2020-11-21</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/">前端学习</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/CSS/">CSS</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E5%8D%95%E4%BD%8D/">单位</a></span></div><div class="content">CSS单位中我们最常用的就是px(像素)，而往往在很多项目中会经常用到em，rem，vh，vw等这些更方便的单位，接下来介绍下它们的用法和区别，以至于更好的掌握。</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/09/12/%E7%BB%88%E4%BA%8E%E5%BC%80%E5%AD%A6%E4%BA%86%EF%BC%81%EF%BC%81%EF%BC%81/" title="终于开学了！！！">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20201220/3slI9EZPmb3R.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="终于开学了！！！"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/12/%E7%BB%88%E4%BA%8E%E5%BC%80%E5%AD%A6%E4%BA%86%EF%BC%81%EF%BC%81%EF%BC%81/" title="终于开学了！！！">终于开学了！！！</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-12T02:13:23.000Z" title="发表于 2020-09-12 10:13:23">2020-09-12</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:06:44.076Z" title="更新于 2021-01-10 20:06:44">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E9%9A%8F%E7%AC%94%E6%97%A5%E5%BF%97/">随笔日志</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/%E6%97%A5%E5%BF%97%F0%9F%93%92/">日志📒</a></span></div><div class="content">2019大一上学期结束，寒假期间，一场突如其来的疫情，把我们困在家里大半年，上了一学期的网课，终于在2020/9/12日的今天，我们开学了！！！现在还没到学校。冲冲冲</div></div></div><div class="recent-post-item"><div class="post_cover left_radius"><a href="/2020/09/12/Snipaste%E4%B8%80%E6%AC%BE%E5%A5%BD%E7%94%A8%E7%9A%84%E6%88%AA%E5%9B%BE%E5%B7%A5%E5%85%B7/" title="Snipaste一款好用的截图贴图工具">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/文章bg/v2-ec3b992c596c049585d6feaebdfcac7e_r.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="Snipaste一款好用的截图贴图工具"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/12/Snipaste%E4%B8%80%E6%AC%BE%E5%A5%BD%E7%94%A8%E7%9A%84%E6%88%AA%E5%9B%BE%E5%B7%A5%E5%85%B7/" title="Snipaste一款好用的截图贴图工具">Snipaste一款好用的截图贴图工具</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-11T23:54:12.000Z" title="发表于 2020-09-12 07:54:12">2020-09-12</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2020-09-12T01:06:25.677Z" title="更新于 2020-09-12 09:06:25">2020-09-12</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E7%99%BE%E5%AE%9D%E7%AE%B1/">百宝箱</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/Snipaste/">Snipaste</a><span class="article-meta__link">•</span><a class="article-meta__tags" href="/tags/%E8%BD%AF%E4%BB%B6/">软件</a></span></div><div class="content">分享自己感觉好用的软件，这次分享这款Snipaste一款用过最好用的截图贴图工具，会让你的工作效率加倍。</div></div></div><div class="recent-post-item"><div class="post_cover right_radius"><a href="/2020/09/11/PR%E5%BF%AB%E6%8D%B7%E9%94%AE%E5%A4%A7%E5%85%A8/" title="PR快捷键大全">     <img class="post_bg" data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/文章bg/v2-97630517c27667f0140911a8dd87c9aa_r.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="PR快捷键大全"></a></div><div class="recent-post-info"><a class="article-title" href="/2020/09/11/PR%E5%BF%AB%E6%8D%B7%E9%94%AE%E5%A4%A7%E5%85%A8/" title="PR快捷键大全">PR快捷键大全</a><div class="article-meta-wrap"><span class="post-meta-date"><i class="far fa-calendar-alt"></i><span class="article-meta-label">发表于</span><time class="post-meta-date-created" datetime="2020-09-11T09:30:00.000Z" title="发表于 2020-09-11 17:30:00">2020-09-11</time><span class="article-meta__separator">|</span><i class="fas fa-history"></i><span class="article-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2021-01-10T12:17:10.884Z" title="更新于 2021-01-10 20:17:10">2021-01-10</time></span><span class="article-meta"><span class="article-meta__separator">|</span><i class="fas fa-inbox article-meta__icon"></i><a class="article-meta__categories" href="/categories/%E8%A7%86%E9%A2%91%E5%89%AA%E8%BE%91/">视频剪辑</a></span><span class="article-meta tags"><span class="article-meta__separator">|</span><br><i class="fas fa-tag article-meta__icon"></i><a class="article-meta__tags" href="/tags/PR%F0%9F%93%BA/">PR📺</a></span></div><div class="content">分享PR快捷键大全，和基本的操作界面介绍。</div></div></div><nav id="pagination"><div class="pagination"><a class="extend prev" rel="prev" href="/page/4/"><i class="fas fa-chevron-left fa-fw"></i></a><a class="page-number" href="/">1</a><span class="space">&hellip;</span><a class="page-number" href="/page/4/">4</a><span class="page-number current">5</span><a class="page-number" href="/page/6/">6</a><a class="extend next" rel="next" href="/page/6/"><i class="fas fa-chevron-right fa-fw"></i></a></div></nav></div><div class="aside_content" id="aside_content"><div class="card-widget card-info"><div class="card-content"><div class="card-info-avatar is-center"><img class="avatar-img" data-lazy-src="http://01.027cgb.com/632500/1576904533264.jpg" onerror="this.onerror=null;this.src='/img/friend_404.gif'" alt="avatar"/><div class="author-info__name">六根清静</div><div class="author-info__description">记录美好，记录生活，记录学习</div></div><div class="card-info-data"><div class="card-info-data-item is-center"><a href="/archives/"><div class="headline">文章</div><div class="length-num">138</div></a></div><div class="card-info-data-item is-center"><a href="/tags/"><div class="headline">标签</div><div class="length-num">63</div></a></div><div class="card-info-data-item is-center"><a href="/categories/"><div class="headline">分类</div><div class="length-num">8</div></a></div></div><a class="button--animated" id="card-info-btn" target="_blank" rel="noopener" href="https://gitee.com/he_chaoming/dashboard/projects?scope=public&amp;&amp;sort="><i class="fab fa-gofore"></i><span>My Gitee</span></a><div class="card-info-social-icons is-center"><a class="social-icon" href="https://github.com/he1213114428" target="_blank" title="Github"><i class="fab fa-github"></i></a><a class="social-icon" href="mailto:484695754@qq.com" target="_blank" title="Email"><i class="fas fa-envelope"></i></a><a class="social-icon" href="tencent://message/?uin=484695754" target="_blank" title="QQ"><i class="fab fa-qq"></i></a></div></div></div><div class="card-widget card-recent-post"><div id="gamenews"><div class="card-content"><div class="item-headline"><i class="fas fa-cube"></i><span>ROLL资讯</span><i class="fas fa-retweet" @click="changetype(current)" style="float:right;margin-top:8px"></i></div><div class="newsbar"><span v-for="(type, index) in listtype" v-on:click="addClass(index)" v-bind:class="{ listtypeon:index==current}">{{type}}</span></div><div class="aside-list"><div class="aside-list-item" v-for="(news,index) in newsvue"><a class="thumbnail" href="javascript:void(0)" @click="getnewsdata(index)" :title="news.title"><img class="loaded" onerror="this.onerror=null;this.src='/img/404.jpg'" data-ll-status="loaded" :src="news.imgList[0]"/></a><div class="content"><a class="title" href="javascript:void(0)" @click="getnewsdata(index)" :title="news.title">{{news.title}}</a><time>{{news.postTime}}</time></div></div></div></div><div id="newsmodal"><button class="modalclose" @click="hidemodle()">关闭</button><h2>{{newpostvue.title}} </h2><h4>{{newpostvue.ptime}} &nbsp;&nbsp; {{newpostvue.source}}</h4><div v-html="newpostvue.content"></div></div></div></div><div class="card-widget card-shuo"><div class="card-content" style="height:auto;min-height:280px;"><div class="item-headline"><i class="fas fa-comments"></i><span>&#x8BF4;&#x8BF4</span><a id="shuovisualchange" style="cursor:pointer;float:right" onclick="shuovisualchange()">编辑</a></div><div id="artitalk_main" style="width:100%;height:100%;padding:10px"></div></div></div><div class="sticky_layout"></div><div class="card-widget card-history"><div class="card-content"><div class="item-headline"><i class="fas fa-paw fa-spin"></i><span>那年今日</span></div><div id="history-news" style="height: 100px;overflow: hidden;"><div id="history-card"></div></div></div></div><div class="card-widget card-announcement"><div class="card-content"><div class="item-headline"><i class="fas fa-bullhorn card-announcement-animation"></i><span>公告</span></div><div class="announcement_content">大学生一枚，软件工程，想做全栈攻城狮，哈哈，有兴趣可以加 QQ:484695754 (也可以点上面的logo)，一起交流学习</div></div></div><div class="sticky_layout"><div class="card-widget card-recent-post"><div class="card-content"><div class="item-headline"><i class="fas fa-history"></i><span>最新文章</span></div><div class="aside-list"><div class="aside-list-item"><a class="thumbnail" href="/2021/03/21/Node-js%E5%AD%A6%E4%B9%A0-%E4%BA%8C%E5%8D%81%E4%B8%89-%E8%B7%A8%E5%9F%9F%E4%BB%8B%E7%BB%8D%E5%92%8CJSONP%E4%BB%8B%E7%BB%8D/" title="Node.js学习(二十三.跨域介绍和JSONP介绍)"><img data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20210321/qWPEashJOuNK.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="Node.js学习(二十三.跨域介绍和JSONP介绍)"/></a><div class="content"><a class="title" href="/2021/03/21/Node-js%E5%AD%A6%E4%B9%A0-%E4%BA%8C%E5%8D%81%E4%B8%89-%E8%B7%A8%E5%9F%9F%E4%BB%8B%E7%BB%8D%E5%92%8CJSONP%E4%BB%8B%E7%BB%8D/" title="Node.js学习(二十三.跨域介绍和JSONP介绍)">Node.js学习(二十三.跨域介绍和JSONP介绍)</a><time datetime="2021-03-21T13:40:58.000Z" title="发表于 2021-03-21 21:40:58">2021-03-21</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2021/03/20/Node-js%E5%AD%A6%E4%B9%A0-%E4%BA%8C%E5%8D%81%E4%BA%8C-Node-js%E9%A1%B9%E7%9B%AE%E6%B5%81%E7%A8%8B-%E4%B8%8B/" title="Node.js学习(二十二.Node.js项目流程(下))"><img data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20210320/CvAoe6kC5*f2.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="Node.js学习(二十二.Node.js项目流程(下))"/></a><div class="content"><a class="title" href="/2021/03/20/Node-js%E5%AD%A6%E4%B9%A0-%E4%BA%8C%E5%8D%81%E4%BA%8C-Node-js%E9%A1%B9%E7%9B%AE%E6%B5%81%E7%A8%8B-%E4%B8%8B/" title="Node.js学习(二十二.Node.js项目流程(下))">Node.js学习(二十二.Node.js项目流程(下))</a><time datetime="2021-03-20T14:33:29.000Z" title="发表于 2021-03-20 22:33:29">2021-03-20</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2021/03/15/Node-js%E5%AD%A6%E4%B9%A0-%E4%BA%8C%E5%8D%81%E4%B8%80-Node-js%E9%A1%B9%E7%9B%AE%E6%B5%81%E7%A8%8B-%E4%B8%AD/" title="Node.js学习(二十一.Node.js项目流程(中))"><img data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20210320/gSrAfCznw@^F.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="Node.js学习(二十一.Node.js项目流程(中))"/></a><div class="content"><a class="title" href="/2021/03/15/Node-js%E5%AD%A6%E4%B9%A0-%E4%BA%8C%E5%8D%81%E4%B8%80-Node-js%E9%A1%B9%E7%9B%AE%E6%B5%81%E7%A8%8B-%E4%B8%AD/" title="Node.js学习(二十一.Node.js项目流程(中))">Node.js学习(二十一.Node.js项目流程(中))</a><time datetime="2021-03-15T04:35:12.000Z" title="发表于 2021-03-15 12:35:12">2021-03-15</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2021/03/14/Node-js%E5%AD%A6%E4%B9%A0-%E4%BA%8C%E5%8D%81-Node-js%E9%A1%B9%E7%9B%AE%E6%B5%81%E7%A8%8B(%E4%B8%8A)/" title="Node.js学习(二十.Node.js项目流程(上))"><img data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20210320/UMp@B^akHmf8.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="Node.js学习(二十.Node.js项目流程(上))"/></a><div class="content"><a class="title" href="/2021/03/14/Node-js%E5%AD%A6%E4%B9%A0-%E4%BA%8C%E5%8D%81-Node-js%E9%A1%B9%E7%9B%AE%E6%B5%81%E7%A8%8B(%E4%B8%8A)/" title="Node.js学习(二十.Node.js项目流程(上))">Node.js学习(二十.Node.js项目流程(上))</a><time datetime="2021-03-14T14:36:58.000Z" title="发表于 2021-03-14 22:36:58">2021-03-14</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/2021/02/27/Node-js%E5%AD%A6%E4%B9%A0-%E5%8D%81%E4%B9%9D-%E5%B0%81%E8%A3%85%E6%93%8D%E4%BD%9C%E6%95%B0%E6%8D%AE%E5%BA%93%E5%92%8CCSRF/" title="Node.js学习(十九.封装操作数据库和CSRF)"><img data-lazy-src="https://gitee.com/he_chaoming/blog_tuchuang/raw/master/20210227/EcgLTE4WPOp^.jpg" onerror="this.onerror=null;this.src='/img/404.jpg'" alt="Node.js学习(十九.封装操作数据库和CSRF)"/></a><div class="content"><a class="title" href="/2021/02/27/Node-js%E5%AD%A6%E4%B9%A0-%E5%8D%81%E4%B9%9D-%E5%B0%81%E8%A3%85%E6%93%8D%E4%BD%9C%E6%95%B0%E6%8D%AE%E5%BA%93%E5%92%8CCSRF/" title="Node.js学习(十九.封装操作数据库和CSRF)">Node.js学习(十九.封装操作数据库和CSRF)</a><time datetime="2021-02-27T13:20:18.000Z" title="发表于 2021-02-27 21:20:18">2021-02-27</time></div></div></div></div></div><div class="card-widget card-categories"><div class="card-content"><div class="item-headline"><i class="fas fa-folder-open"></i><span>分类</span></div><ul class="card-category-list" id="aside-cat-list">
            <li class="card-category-list-item "><a class="card-category-list-link" href="/categories/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/"><span class="card-category-list-name">前端学习</span><span class="card-category-list-count">75</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/categories/%E5%90%8E%E7%AB%AF%E5%AD%A6%E4%B9%A0/"><span class="card-category-list-name">后端学习</span><span class="card-category-list-count">28</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/categories/%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/"><span class="card-category-list-name">学习笔记</span><span class="card-category-list-count">7</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/categories/%E7%99%BE%E5%AE%9D%E7%AE%B1/"><span class="card-category-list-name">百宝箱</span><span class="card-category-list-count">2</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/categories/%E7%A8%8B%E5%BA%8F%E4%BB%A3%E7%A0%81/"><span class="card-category-list-name">程序代码</span><span class="card-category-list-count">14</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/categories/%E8%8B%B1%E8%AF%AD%E7%A7%AF%E7%B4%AF/"><span class="card-category-list-name">英语积累</span><span class="card-category-list-count">3</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/categories/%E8%A7%86%E9%A2%91%E5%89%AA%E8%BE%91/"><span class="card-category-list-name">视频剪辑</span><span class="card-category-list-count">4</span></a></li><li class="card-category-list-item "><a class="card-category-list-link" href="/categories/%E9%9A%8F%E7%AC%94%E6%97%A5%E5%BF%97/"><span class="card-category-list-name">随笔日志</span><span class="card-category-list-count">5</span></a></li>
            
            </ul></div></div><div class="card-widget card-tags"><div class="card-content"><div class="item-headline"><i class="fas fa-tags"></i><span>标签</span></div><div class="card-tag-cloud"><a href="/tags/CSS/" style="font-size: 1.23em; color: rgb(200, 91, 182)">CSS</a><a href="/tags/CSS3/" style="font-size: 1.19em; color: rgb(61, 116, 73)">CSS3</a><a href="/tags/%E5%8D%95%E4%BD%8D/" style="font-size: 1.1em; color: rgb(112, 112, 132)">单位</a><a href="/tags/Less/" style="font-size: 1.1em; color: rgb(115, 13, 92)">Less</a><a href="/tags/HTML5/" style="font-size: 1.19em; color: rgb(197, 99, 101)">HTML5</a><a href="/tags/%E7%B3%BB%E5%88%97%F0%9F%8F%AC/" style="font-size: 1.5em; color: rgb(142, 31, 23)">系列🏬</a><a href="/tags/%E8%AF%AD%E4%B9%89%E5%8C%96/" style="font-size: 1.1em; color: rgb(29, 38, 113)">语义化</a><a href="/tags/JSON/" style="font-size: 1.1em; color: rgb(112, 156, 86)">JSON</a><a href="/tags/JavaScript/" style="font-size: 1.46em; color: rgb(138, 165, 57)">JavaScript</a><a href="/tags/Promise/" style="font-size: 1.14em; color: rgb(146, 22, 172)">Promise</a><a href="/tags/async-await/" style="font-size: 1.1em; color: rgb(176, 83, 23)">async/await</a><a href="/tags/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/" style="font-size: 1.14em; color: rgb(150, 53, 12)">正则表达式</a><a href="/tags/DOM%E5%92%8CBOM/" style="font-size: 1.1em; color: rgb(116, 0, 180)">DOM和BOM</a><a href="/tags/ECMAScript/" style="font-size: 1.28em; color: rgb(130, 29, 172)">ECMAScript</a><a href="/tags/%E7%AE%80%E4%BB%8B/" style="font-size: 1.14em; color: rgb(29, 103, 159)">简介</a><a href="/tags/ES6/" style="font-size: 1.14em; color: rgb(126, 81, 196)">ES6</a><a href="/tags/DOM/" style="font-size: 1.19em; color: rgb(182, 176, 115)">DOM</a><a href="/tags/%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/" style="font-size: 1.1em; color: rgb(22, 46, 167)">面向对象</a><a href="/tags/BOM/" style="font-size: 1.1em; color: rgb(146, 143, 117)">BOM</a><a href="/tags/%E5%87%BD%E6%95%B0%E8%BF%9B%E9%98%B6/" style="font-size: 1.1em; color: rgb(177, 174, 85)">函数进阶</a><a href="/tags/%E4%BA%8B%E4%BB%B6%E6%B5%81/" style="font-size: 1.1em; color: rgb(135, 139, 62)">事件流</a><a href="/tags/%E7%A7%BB%E5%8A%A8%E7%AB%AF%E7%BD%91%E9%A1%B5%E7%89%B9%E6%95%88/" style="font-size: 1.1em; color: rgb(102, 158, 70)">移动端网页特效</a><a href="/tags/%E6%9E%84%E9%80%A0%E5%87%BD%E6%95%B0%E5%92%8C%E5%8E%9F%E5%9E%8B/" style="font-size: 1.1em; color: rgb(119, 79, 151)">构造函数和原型</a><a href="/tags/%E6%9C%AC%E5%9C%B0%E5%AD%98%E5%82%A8/" style="font-size: 1.1em; color: rgb(29, 63, 30)">本地存储</a><a href="/tags/PC%E7%BD%91%E9%A1%B5%E7%89%B9%E6%95%88/" style="font-size: 1.1em; color: rgb(11, 101, 66)">PC网页特效</a><a href="/tags/Markdown/" style="font-size: 1.1em; color: rgb(160, 85, 190)">Markdown</a><a href="/tags/%E5%BF%AB%E9%80%9F/" style="font-size: 1.1em; color: rgb(38, 195, 91)">快速</a><a href="/tags/%E5%BF%85%E5%A4%87/" style="font-size: 1.1em; color: rgb(173, 162, 161)">必备</a><a href="/tags/Node-js/" style="font-size: 1.46em; color: rgb(42, 106, 15)">Node.js</a><a href="/tags/%E6%95%B0%E6%8D%AE%E5%BA%93/" style="font-size: 1.37em; color: rgb(178, 172, 175)">数据库</a><a href="/tags/PR%F0%9F%93%BA/" style="font-size: 1.23em; color: rgb(12, 155, 100)">PR📺</a><a href="/tags/Python/" style="font-size: 1.41em; color: rgb(183, 18, 200)">Python</a><a href="/tags/%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E2%9C%8D%EF%B8%8F/" style="font-size: 1.41em; color: rgb(137, 43, 176)">基础知识✍️</a><a href="/tags/%E6%96%87%E4%BB%B6%E6%93%8D%E4%BD%9C/" style="font-size: 1.1em; color: rgb(47, 142, 0)">文件操作</a><a href="/tags/Snipaste/" style="font-size: 1.1em; color: rgb(101, 159, 41)">Snipaste</a><a href="/tags/%E8%BD%AF%E4%BB%B6/" style="font-size: 1.1em; color: rgb(130, 169, 33)">软件</a><a href="/tags/Vue/" style="font-size: 1.32em; color: rgb(55, 23, 79)">Vue</a><a href="/tags/%E5%B1%9E%E6%80%A7%E5%92%8C%E6%96%B9%E6%B3%95/" style="font-size: 1.1em; color: rgb(80, 89, 158)">属性和方法</a><a href="/tags/%E8%B7%AF%E7%94%B1/" style="font-size: 1.14em; color: rgb(130, 58, 4)">路由</a><a href="/tags/%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F/" style="font-size: 1.1em; color: rgb(22, 107, 151)">生命周期</a></div></div></div><div class="card-widget card-archives"><div class="card-content"><div class="item-headline"><i class="fas fa-archive"></i><span>归档</span></div><ul class="card-archive-list"><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2021/03/"><span class="card-archive-list-date">三月 2021</span><span class="card-archive-list-count">4</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2021/02/"><span class="card-archive-list-date">二月 2021</span><span class="card-archive-list-count">15</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2021/01/"><span class="card-archive-list-date">一月 2021</span><span class="card-archive-list-count">20</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2020/12/"><span class="card-archive-list-date">十二月 2020</span><span class="card-archive-list-count">15</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2020/11/"><span class="card-archive-list-date">十一月 2020</span><span class="card-archive-list-count">11</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2020/10/"><span class="card-archive-list-date">十月 2020</span><span class="card-archive-list-count">26</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2020/09/"><span class="card-archive-list-date">九月 2020</span><span class="card-archive-list-count">36</span></a></li><li class="card-archive-list-item"><a class="card-archive-list-link" href="/archives/2020/08/"><span class="card-archive-list-date">八月 2020</span><span class="card-archive-list-count">11</span></a></li></ul></div></div><div class="card-widget card-webinfo"><div class="card-content"><div class="item-headline"><i class="fas fa-chart-line"></i><span>网站资讯</span></div><div class="webinfo"><div class="webinfo-item"><div class="item-name">文章数目 :</div><div class="item-count">138</div></div><div class="webinfo-item"><div class="item-name">已运行时间 :</div><div class="item-count" id="runtimeshow" data-publishDate="2020-08-09T16:00:00.000Z"></div></div><div class="webinfo-item"><div class="item-name">本站总字数 :</div><div class="item-count">173.8k</div></div><div class="webinfo-item"><div class="item-name">本站访客数 :</div><div class="item-count" id="busuanzi_value_site_uv"></div></div><div class="webinfo-item"><div class="item-name">本站总访问量 :</div><div class="item-count" id="busuanzi_value_site_pv"></div></div><div class="webinfo-item"><div class="item-name">最后更新时间 :</div><div class="item-count" id="last-push-date" data-lastPushDate="2021-04-17T13:23:52.452Z"></div></div></div></div></div></div></div></main><footer id="footer"><div id="footer-wrap"><div class="copyright">&copy;2020 - 2021 By 六根清静</div><div class="framework-info"><span>框架 </span><a target="_blank" rel="noopener" href="https://hexo.io">Hexo</a><span class="footer-separator">|</span><span>主题 </span><a target="_blank" rel="noopener" href="https://github.com/jerryc127/hexo-theme-butterfly">Butterfly</a></div><div class="footer_custom_text">Hi,  welcome  to  my  <a  href="">blog</a>!</div><div class="icp"><a><img class="icp-icon" src="/img/icp.png" alt="ICP"/><span>豫ICP备2020025430号</span></a></div></div></footer></div><div id="rightside"><div id="rightside-config-hide"><button id="translateLink" type="button" title="简繁转换">简</button><button id="darkmode" type="button" title="浅色和深色模式转换"><i class="fas fa-adjust"></i></button><button id="hide-aside-btn" type="button"><i class="fas fa-arrows-alt-h"></i></button></div><div id="rightside-config-show"><button id="rightside_config" type="button" title="设置"><i class="fas fa-cog"></i></button><button id="chat_btn" type="button" title="rightside.chat_btn"><i class="fas fa-sms"></i></button><button id="go-up" type="button" title="回到顶部"><i class="fas fa-arrow-up"></i></button></div></div><div id="local-search"><div class="search-dialog"><div class="search-dialog__title" id="local-search-title">本地搜索</div><div id="local-input-panel"><div id="local-search-input"><div class="local-search-box"><input class="local-search-box--input" placeholder="搜索文章" type="text"/></div></div></div><hr/><div id="local-search-results"><div id="local-hits"></div><div id="local-stats"><div class="local-search-stats__hr" id="hr"><span>由</span> <a target="_blank" rel="noopener" href="https://github.com/wzpan/hexo-generator-search" style="color:#49B1F5;">hexo-generator-search</a>
 <span>提供支持</span></div></div></div><span class="search-close-button"><i class="fas fa-times"></i></span></div><div id="search-mask"></div></div><div><script src="https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script><script src="/js/utils.js"></script><script src="/js/main.js"></script><script src="/js/tw_cn.js"></script><script src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@latest/dist/jquery.fancybox.min.js"></script><script src="https://cdn.jsdelivr.net/npm/instant.page/instantpage.min.js" type="module" defer></script><script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload/dist/lazyload.iife.min.js"></script><script src="https://cdn.jsdelivr.net/npm/node-snackbar/dist/snackbar.min.js"></script><script src="/js/search/local-search.js"></script><script async="async">var preloader = {
  endLoading: () => {
    document.body.style.overflow = 'auto';
    document.getElementById('loading-box').classList.add("loaded")
  },
  initLoading: () => {
    document.body.style.overflow = '';
    document.getElementById('loading-box').classList.remove("loaded")

  }
}
window.addEventListener('load',()=> {preloader.endLoading()})
setTimeout(function(){preloader.endLoading();}, 50000);</script><div class="js-pjax"><script>function subtitleType () {
  $.getJSON('https://v1.hitokoto.cn', function (data) {
    if (true) {
      var from = '出自 ' + data.from
      var sub = "".length == 0 ? new Array() : "".split(',')
      var both = sub.unshift(data.hitokoto, from)
      var typed = new Typed('#subtitle', {
        strings: sub,
        startDelay: 300,
        typeSpeed: 150,
        loop: true,
        backSpeed: 50,
      })
    } else {
      document.getElementById('subtitle').innerHTML = data.hitokoto
    }
  })
}

if (true) {
  if (typeof Typed === 'function') subtitleType()
  else $.getScript('https://cdn.jsdelivr.net/npm/typed.js/lib/typed.min.js', subtitleType)
} else {
  subtitleType()
}
</script><script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script></div><script src='https://cdn.jsdelivr.net/npm/artitalk'></script><script> $(".category-list-count").prepend("<i class=\"fas fa-book\"></i>");</script><script src="/js/list.js"></script><script src="/js/gitcalendar.js"></script><script src="/js/calendar.js"></script><script src="/js/xkTool.js"></script><script src="/js/pjax.js"></script><script src="/magnet/js/vue.min.js"></script><script src="/magnet/js/catalogMagnet.js"></script><script src="/js/airvisualapi.js"></script><script src="/js/history.js"></script><script src="/js/historyroll.js"></script><script src="/js/change.js"></script><script type="text/javascript" src="https://www.airvisual.com/scripts/widget_v2.0.js"></script><script> setTimeout(function(){$('.monoline').eq(0).html($(".monoline strong").eq(0).text().replace('°','℃'));},5000);</script><script src="https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/Hexo/js/mouse_snow.min.js"></script><script src="/js/myBg.js"></script><script src="/js/shuo.js"></script><script src="/js/artitalkkey.js"></script><script src="/news/js/keys.js"></script><script src="/news/js/news.js"></script><script src="https://cdn.jsdelivr.net/gh/sviptzk/StaticFile_HEXO@latest/butterfly/js/pool.min.js"><script src="https://cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script><script src="/stars/stars.js"></script><script src="https://cdn1.lncld.net/static/js/3.5.0/av-min.js"></script><script src="/zan/zan.js"></script><div class="aplayer no-destroy" data-id="2916766519" data-server="netease" data-type="playlist" data-fixed="true" data-mini="true" data-listFolded="false" data-order="random" data-preload="none" data-autoplay="false" muted></div><script src="/swiper/swiper.min.js"></script><script src="/swiper/swiperindex.js"></script><script async src="//at.alicdn.com/t/font_2264842_3izu8i5eoc2.js"></script><canvas class="fireworks" mobile="false"></canvas><script src="/js/third-party/fireworks.js"></script><script src="/js/third-party/activate-power-mode.js"></script><script>POWERMODE.colorful = true;
POWERMODE.shake = true;
POWERMODE.mobile = false;
document.body.addEventListener('input', POWERMODE);
</script><script>(function(i,s,o,g,r,a,m){i["DaoVoiceObject"]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;a.charset="utf-8";m.parentNode.insertBefore(a,m)})(window,document,"script",('https:' == document.location.protocol ? 'https:' : 'http:') + "//widget.daovoice.io/widget/6fdec148.js","daovoice")
</script><script>var isChatBtn = true
daovoice('init', {
  app_id: '6fdec148',},{
  launcher: { 
     disableLauncherIcon: isChatBtn // 悬浮 ICON 是否显示
  },
});
daovoice('update');

if (isChatBtn) {
  var chatBtnFn = () => {
    var chatBtn = document.getElementById("chat_btn")
    chatBtn.addEventListener("click", function(){
      daovoice('show')
    });
  }
  chatBtnFn()
} else {
  if (true) {
    function chatBtnHide () {
      daovoice('update', {},{
        launcher: { 
        disableLauncherIcon: true // 悬浮 ICON 是否显示
        },
      });
    }
    function chatBtnShow () {
      daovoice('update', {},{
        launcher: { 
        disableLauncherIcon: false // 悬浮 ICON 是否显示
        },
      });
    }
  }
}</script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css"><script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script><script src="https://cdn.jsdelivr.net/gh/metowolf/MetingJS@1.2/dist/Meting.min.js"></script></div><script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"pluginRootPath":"live2dw/","pluginJsPath":"lib/","pluginModelPath":"assets/","tagMode":false,"debug":false,"model":{"scale":1,"hHeadPos":0.5,"vHeadPos":0.618,"jsonPath":"/live2dw/assets/unitychan.model.json"},"display":{"superSample":2,"width":150,"height":300,"position":"right","hOffset":0,"vOffset":-20},"mobile":{"show":true,"scale":0.6},"react":{"opacityDefault":0.7,"opacityOnHover":0.8},"log":false});</script></body></html>